<!DOCTYPE html>
<!-- saved from url=(0026)http://easyds.cn/m/feature -->
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>功能介绍</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/css/bootstrap.min.css">
    <script type="text/javascript" src="__PUBLIC__/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/css/share.css">
    <script type="text/javascript" src="__PUBLIC__/js/share.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/downpdf.js"></script>
    <script>

        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?af934acc7ae6dafe48cf666217f5c049";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script>
        $.setCookie("randomCode","asdfjkl;",1);
            $.setCookie("myuid","f3da5956-8e2c-4948-982f-92af2a019cdc",356);
    </script>

    <link rel="stylesheet" href="__PUBLIC__/css/user.css">
    <style type="text/css">
        .container{
            color: white;
            text-align: center;
        }
    </style>
</head>
<body style="padding-top:52px;background-color:#0d83dd;" onunload="closeWin()">
<div class="navbar">
    <div class="navbar-top3">
        <a class="navbar-left2" href="javascript:void(0)" onclick="backbtn()"><img src="__PUBLIC__/images/back-icon.png"></a>
        <span class="navbar-center">功能介绍</span>
    </div>
</div>
<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
    <div class="mui-scroll">
        <div class="container row1">
            <h2>做最好的元器件搜索引擎</h2>
            <h1 class="">让硬件开发变得简单</h1>
            <a class="topbox"><img src="__PUBLIC__/images/huojian.png"></a>
            <div class="dir-right">
                <p class="rowNumber"><span class="count">32,289</span>  &nbsp;位开发者在用</p>
                <p class="noinfo">搜索&nbsp;<span class="count">136,122,344</span>  &nbsp;种电子元器件</p>
                <p class="searchinfo">收录&nbsp;<span class="count">12,775</span>  &nbsp;家电子厂家，&nbsp;<span class="count">841</span>  &nbsp;个元器件类别</p>
                <p class="searchinfo"><span class="count">1,697,881</span>  &nbsp;次搜索&nbsp;·&nbsp;<span class="count">2,223,720</span>  &nbsp;次浏览&nbsp;&nbsp;</p>
            </div>
        </div>
        <div class="xian"></div>
        <div class="container row2">
            <h1 class="">汇集1.4亿元器件数据</h1>
            <h2>从芯片、传感器到电容、电阻</h2>
            <div class="intro1-left">
                <div class="txt">
                    <p class="p1"></p><span><em>95万</em>种集成电路与半导体芯片</span>
                    <p class="p2"></p><span><em>79万</em>种无源器件</span>
                    <p class="p3"></p><span><em>7476万</em>种传感器</span>
                    <p class="p4"></p><span><em>6035万</em>种电阻与电容</span>
                    <p class="p5"></p><span><em>7478万</em>种连接器</span>
                </div>
            </div>
            <div class="intro1-right fadeInRight">
                <img src="__PUBLIC__/images/f1.png" class="img-responsive">
            </div>
        </div>
        <div class="xian"></div>
        <div class="container row3">
            <h1>即时搜索，5秒查到Datasheet</h1>
            <h2>智能提示，一键下载，就是这么简单！</h2>
            <div class="data">
                <img class="bigimg" src="__PUBLIC__/images/f2.png">
                <img class="smallimg" src="__PUBLIC__/images/f3.png">
            </div>
        </div>
        <div class="xian"></div>
        <div class="xian"></div>
        <div class="container row5">
            <h1>做工业4.0时代的硬件互联网</h1>
            <h2>加速下一代智能硬件创新</h2>
            <img src="__PUBLIC__/images/f5.png">
            <p>我们的目标是用互联网+大数据和人工智能，加速下一代的智能硬件创新，让一个“每样东西都会思考，每个人都在创造”的硬件复兴时代真正来临。</p>
        </div>
        <div class="xian"></div>
        <footer>

        </footer>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        todiv=function (btnId){
            var btn=$(btnId),
                    d=document.documentElement,
                    b=document.body;
            btn.click(function (){
                $("html,body").animate({scrollTop:$("#feature1").offset().top-44});
            });
        };
        todiv('#btn1');
        $(".row1 h1").addClass("enlarge");

        $(".row1 .dir-right span").each(function() {
            $(this).text( $(this).text().replace(/[,]/g,""));
            $(this).prop('Counter',0).animate({
                Counter: $(this).text()
            }, {
                duration: 1000,  //1s内完成数字翻动动画
                delay: 0,
                easing: 'swing',
                step: function (now) {
                    $(this).text(Math.ceil(now).toString().replace(/(?=(?!^)(\d{3})+$)/g, ','));
                }
            });
        });
        var scrollTop = window.pageYOffset;
        var addr = new Array;
        $("h1").map(function() {
            addr.push($(this).offset().top);
        });

        $(window).scroll(function() {  // 通过滚动条位置判断出动画的点
            var wT = window.pageYOffset;
            if(wT>=(addr[1]-100) && wT<(addr[2]-100)) {
                $(".row2 h1").addClass("enlarge");
                $(".intro1-right").addClass("fadeInRight");
                $(".intro1-left .txt p:eq(0)").addClass("p1");
                $(".intro1-left .txt p:eq(1)").addClass("p2");
                $(".intro1-left .txt p:eq(2)").addClass("p3");
                $(".intro1-left .txt p:eq(3)").addClass("p4");
                $(".intro1-left .txt p:eq(4)").addClass("p5");
            } else if(wT>=(addr[2]-100) && wT<(addr[3]-100)) {
                $(".row3 h1").addClass("enlarge");  // 放大缩小效果
                $(".row3 .bigimg").addClass("fadeInUp");
                $(".row3 .smallimg").addClass("zoomIn");
            } else if(wT>=(addr[3]-100) && wT<(addr[4]-100)) {
                $(".row4 h1").addClass("enlarge");
            } else if(wT>=(addr[4]-100)) {
                $(".row5 h1").addClass("enlarge");
            } else {
                $("h1").removeClass("enlarge");
            }
        });
    })
</script>
<script type="text/javascript">
    $(document).ready(function() {

        $(".shareIcon").click(function(){
            $(".menuBox").animate({bottom:"0px"});
            $(".bgBox").css("display","block")
            $("body").css("overflow","hidden")
        })
        $(".bgBox").click(function(){
            $(".bgBox").css("display","none");
            $(".menuBox").animate({bottom:"-236px"});
            $("body").css("overflow","inherit")
        })

    })
</script>
</body>
</html>